<div class="kmi-layout-content G0101-content c-mdd-page" ng-init="init();" page-type="Page" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="kmi-side-btn left mdd-side-return" ng-hide="_nowForm=='G0101'" ng-click="BackForm(_nowForm);">
      <i class="material-icons"></i>
      <div class="kmi-can-click"></div>
    </div>
    <div class="brand-title">
      <div class="custom" ng-if="companyName">
        <div class="title" ng-bind="companyName"></div>
        <img src="" alt="" class="brand" />
        <div class="gap"></div>
      </div>
      <div class="digiwin">
        <img src="image/smes_v340/logo_ch.png" alt="" />
        <img src="image/smes_v340/logo_en.png" alt="" />
      </div>
    </div>
    <div class="header-title" ng-bind="_title | translate"></div>

    <div class="right" ng-show="_nowForm == 'G0101'">
      <button ng-hide="_fn['G0101_favorite'].isShown == 'N'" ng-click="_fn['G0101_favorite'].click('favorite');">
        <img src="image/smes_v340/W_Com_Love_nor_32.png" />
        <div class="kmi-can-click"></div>
      </button>
    </div>
    <div class="right" ng-show="_nowForm == 'G0101_Detail'">
      <button ng-hide="_fn['G0101_Detail_setting'].isShown == 'N'" ng-click="_fn['G0101_Detail_setting'].click('setting');">
        <img src="image/smes_v340/setting.png" />
        <div class="kmi-can-click"></div></button
      ><button ng-hide="_fn['G0101_Detail_favorite'].isShown == 'N'" ng-click="_fn['G0101_Detail_favorite'].click('favorite');">
        <img src="image/smes_v340/W_Com_Love_nor_32.png" />
        <div class="kmi-can-click"></div>
      </button>
    </div>
  </div>
  <div class="kmi-layout-main-content">
    <div class="mdd-layout c-mdd-layout" layout-name="G0101" ng-show="_nowForm == 'G0101'" page-name="G0101_" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
      <label class="label" ng-show="_event['G0101_empty_top'].isShown != 'N'" style="" ng-bind="'G0101.columns.empty_top' | translate"></label>
      <div class="value" ng-show="_event['G0101_empty_top'].isShown != 'N'" style="height:{{_event['G0101_'].GetfillHeight()}};grid-column-start:span 3;"><label class="value" ng-bind="G0101_empty_top" mdl-toast="{{G0101_empty_top}}" mdl-toast-passive="true"></label></div>
      <div class="kmi-list__column" item-name="work_log" style="grid-column-start: span 4">
        <div class="kmi-text-fields qr-code">
          <label class="label" ng-bind="'G0101.work_log' | translate" style="padding: 0 16px 0 8px; width: 140px; text-align: left"></label>
          <input mdl-barcode="input_plot_no(barcode);" />
          <div class="tip qrcode" ng-click="qrcode_plot_no();">
            <img src="image/icons/QRCode.png" />
          </div>
        </div>
      </div>
      <label class="label" ng-show="_event['G0101_op_no'].isShown != 'N'" style="" ng-bind="'G0101.columns.op_no' | translate"></label>
      <div class="value" ng-show="_event['G0101_op_no'].isShown != 'N'" style="grid-column-start: span 3">
        <input type="text" undefined="" id="op_no" ng-model="subOpCondition.op_no" ng-keypress="_event['G0101_op_no'].change(subOpCondition.op_no, {event:$event});" ng-disabled="_event['G0101_op_no'].isDisabled == 'Y'" />
        <div class="tip search">
          <img src="image/icons/search.png" ng-click="_event['G0101_op_no'].click(subOpCondition.op_no, {event:$event});" ng-disabled="_event['G0101_op_no'].isDisabled == 'Y'" />
        </div>
      </div>
      <label class="label" ng-show="_event['G0101_plot_no'].isShown != 'N'" style="" ng-bind="'G0101.columns.plot_no' | translate"></label>
      <div class="value" ng-show="_event['G0101_plot_no'].isShown != 'N'" style="grid-column-start: span 3">
        <input type="text" undefined="" id="plot_no" ng-model="subOpCondition.plot_no" ng-keypress="_event['G0101_plot_no'].change(subOpCondition.plot_no, {event:$event});" ng-disabled="_event['G0101_plot_no'].isDisabled == 'Y'" />
        <div class="tip search">
          <img src="image/icons/search.png" ng-click="_event['G0101_plot_no'].click(subOpCondition.plot_no, {event:$event});" ng-disabled="_event['G0101_plot_no'].isDisabled == 'Y'" />
        </div>
      </div>
      <label class="label" ng-show="_event['G0101_is_check_in'].isShown != 'N'" style="" ng-bind="'G0101.columns.is_check_in' | translate"></label>
      <div class="value" ng-show="_event['G0101_is_check_in'].isShown != 'N'" style="grid-column-start: span 3">
        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="_event['G0101_is_check_in'].click('1', {event:$event});" ng-disabled="_event['G0101_is_check_in'].isDisabled == 'Y'">
          <img ng-if="subOpCondition.is_check_in == '1'" src="image/icons/check1.png" />
          <img ng-if="subOpCondition.is_check_in != '1'" src="image/icons/check0.png" />
          {{'G0101.displayValues.G0101_is_check_in.1' | translate}}</button
        ><button class="mdl-button mdl-js-button kmi-checkbox" ng-click="_event['G0101_is_check_in'].click('0', {event:$event});" ng-disabled="_event['G0101_is_check_in'].isDisabled == 'Y'">
          <img ng-if="subOpCondition.is_check_in == '0'" src="image/icons/check1.png" />
          <img ng-if="subOpCondition.is_check_in != '0'" src="image/icons/check0.png" />
          {{'G0101.displayValues.G0101_is_check_in.0' | translate}}
        </button>
      </div>
      <label class="label" ng-show="_event['G0101_empty_bottom'].isShown != 'N'" style="" ng-bind="'G0101.columns.empty_bottom' | translate"></label>
      <div class="value" ng-show="_event['G0101_empty_bottom'].isShown != 'N'" style="height:{{_event['G0101_'].GetfillHeight()}};grid-column-start:span 3;"><label class="value" ng-bind="G0101_empty_bottom" mdl-toast="{{G0101_empty_bottom}}" mdl-toast-passive="true"></label></div>
    </div>
    <div class="mdd-layout c-mdd-layout" layout-name="G0101_Detail" ng-show="_nowForm == 'G0101_Detail'" page-name="G0101_Detail_" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
      <label class="label" ng-show="_event['G0101_Detail_op_no'].isShown != 'N'" style="" ng-bind="'G0101_Detail.columns.op_no' | translate"></label>
      <div class="value" ng-show="_event['G0101_Detail_op_no'].isShown != 'N'" style=""><label class="value" ng-bind="subOpInfo.op_no" mdl-toast="{{subOpInfo.op_no}}" mdl-toast-passive="true"></label></div>
      <label class="label" ng-show="_event['G0101_Detail_op_name'].isShown != 'N'" style="" ng-bind="'G0101_Detail.columns.op_name' | translate"></label>
      <div class="value" ng-show="_event['G0101_Detail_op_name'].isShown != 'N'" style=""><label class="value" ng-bind="subOpInfo.op_name" mdl-toast="{{subOpInfo.op_name}}" mdl-toast-passive="true"></label></div>
      <label class="label" ng-show="_event['G0101_Detail_plot_no'].isShown != 'N'" style="" ng-bind="'G0101_Detail.columns.plot_no' | translate"></label>
      <div class="value" ng-show="_event['G0101_Detail_plot_no'].isShown != 'N'" style=""><label class="value" ng-bind="subOpInfo.plot_no" mdl-toast="{{subOpInfo.plot_no}}" mdl-toast-passive="true"></label></div>
      <label class="label" ng-show="_event['G0101_Detail_cur_qty'].isShown != 'N'" style="" ng-bind="'G0101_Detail.columns.cur_qty' | translate"></label>
      <div class="value" ng-show="_event['G0101_Detail_cur_qty'].isShown != 'N'" style=""><label class="value" ng-bind="subOpInfo.cur_qty" mdl-toast="{{subOpInfo.cur_qty}}" mdl-toast-passive="true"></label></div>
      <div class="G0101-content" item-name="subOperationFilter" style="height:{{_event['G0101_Detail_'].GetfillHeight()}}; grid-column-start: span 4;">
        <div class="machine-content max">
          <div class="kmi-layout-page right-page">
            <div class="section subOperation" ng-class="subOperation">
              <div class="section-title">
                <div class="section-title-block">
                  <i class="material-icons">filter_list</i>
                </div>
                <div class="kmi-text-fields" style="position: relative; margin: 8px">
                  <input ng-model="subOperationFilter" placeholder="{{'G0101.sub_op_filter'|translate}}" />
                </div>
              </div>
              <div class="section-content" style="padding-bottom: 0px">
                <div class="subop-panel">
                  <div class="subop-item" ng-class="item.status" ng-repeat="item in subOpInfo.sub_op_detail | orderBy: $index | filter: {sub_op_no: subOperationFilter} track by $index">
                    <div class="status" ng-bind="item.status"></div>
                    <div class="content">
                      <label class="value" ng-bind="('G0101.dashboard.subopInfo.sub_op_no'| translate) + item.sub_op_no"></label>
                      <label class="value" ng-bind="('G0101.dashboard.subopInfo.sub_op_name'| translate) + item.sub_op_name"></label>
                      <label class="value" ng-bind="('G0101.dashboard.subopInfo.done_qty'| translate) + item.done_qty"></label>
                    </div>
                    <div class="kmi-can-click" ng-click="clickSubOpItem(item);"></div>
                  </div>
                  <div style="flex: 1"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="kmi-layout-footer" ng-show="_nowForm == 'G0101'">
      <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-disabled="_fn['G0101_confirm'].isDisabled == 'Y'" ng-hide="_fn['G0101_confirm'].isShown == 'N'" ng-click="_fn['G0101_confirm'].click('confirm');">
        <i class="material-icons">done</i>
      </button>
    </div>
  </div>
</div>
